<script>
import Vue from 'vue';
import { mapState } from 'vuex';

export default {
	onLaunch: function() {
		let logout = false;
		let userInfo = uni.getStorageSync('userInfo');
		if (userInfo.Authorization) {
			this.$store.commit('login', userInfo);
		} else {
			logout = true;
		}
	},
	onShow: function() {
		console.log('App Show');
	},
	onHide: function() {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
@import 'uview-ui/index.scss';

page {
	background-color: $u-bg-color;
	// font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif';
}

image {
	display: block;
	width: 100%;
	height: auto;
}

div,
p {
	word-break: break-all;
}

.line-item2 {
	width: 100%;
	height: 20rpx;
	background: #f6f7fb;
}

.desc-cotent {
	width: 100%;
	padding: 0 46rpx;
	box-sizing: border-box;
	word-break: break-all;
	// min-height: 180rpx;
	font-size: 32rpx;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: #333333;
	line-height: 60rpx;
}

.bottom-btn-box {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
	box-sizing: border-box;
	padding: 20rpx 48rpx;
	min-height: 128rpx;
	background: #ffffff;
	box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(236, 236, 236, 0.5);

	.submit-btn {
		width: 100%;
		height: 88rpx;
		background: #d0021b;
		border-radius: 44rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 34rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #ffffff;
		line-height: 48rpx;
		letter-spacing: 5rpx;
	}
}

.mar-rg16 {
	margin-right: 16rpx;
}

.text-zh {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-item {
	display: flex;
	align-items: center;
	padding: 24rpx 0 12rpx;
	min-height: 140rpx;
	background: #ffffff;
	border-bottom: 2rpx solid #f6f7fb;

	.title-date {
		flex: 1;
		margin-right: 34rpx;

		.title {
			font-size: 16px;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			line-height: 44rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-break: break-all;
		}

		.date {
			margin-top: 12rpx;
			font-size: 13px;
			color: #666;
		}
	}

	.status-text {
		font-size: 16px;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #ff7100;
		line-height: 44rpx;
	}
}

#overlay,
#myVideo {
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	border: 4rpx dashed red;
	transform: translate(-50%, -50%) rotateY(180deg);
}

#overlay {
	z-index: 10;
}

.top-bar {
	display: none;
}

.container {
	padding: 0 30rpx;
}

.container:after {
	display: block;
	flex-shrink: 1;
	width: 100%;
	content: '';
	height: 1rpx;
	clear: both;
}

.clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.clamp2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.uni-picker-container {
	.uni-picker-action {
		font-size: 16px;

		&.uni-picker-action-confirm {
			color: #e5231a;
		}
	}
}

.uni-tabbar__label {
	font-size: 12px !important;
}

.uni-tabbar__icon {
	width: 20px !important;
	height: 20px !important;
}

.u-hover-class,
.u-opacity {
	opacity: 1;
}

.u-select__header {
	position: relative;
	height: 90rpx !important;
}

.u-select__header:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	clear: both;
	border-bottom: 1px solid #e5e5e5;
	color: #e5e5e5;
	transform-origin: 0 100%;
	transform: scaleY(0.5);
}

.pre {
	white-space: pre-line;
}

.btn {
	&.hairline-left {
		font-size: 32rpx;
		line-height: 100rpx;
		border-radius: 4rpx;
		background: none;

		&::after {
			display: none;
		}
	}
}

.u-content {
	font-size: 16px !important;
}

.uploader-example {
	margin: 40rpx auto;

	.uploader-btn {
		margin-right: 10rpx;
	}

	.uploader-list {
		max-height: 440rpx;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.uni-modal {
	.uni-modal__textarea {
		padding: 40rpx 30rpx;
		width: 100%;
		font-size: 15px;
		line-height: 40rpx;
		background-color: #fff;
	}
}

.min-w {
	width: 96rpx;
	padding: 0 10rpx;

	text {
		float: right;
		white-space: nowrap;

		image {
			width: 60rpx;
		}
	}

	image {
		width: 40rpx;
		margin: 0 10rpx 0 auto;
	}
}

.min-x {
	text {
		float: right;
		margin-right: 20rpx;
		white-space: nowrap;
		font-size: 12px;

		image {
			margin: 0 auto;
			width: 44rpx;
		}
	}
}

.min-logo {
	display: flex;
	align-items: center;
	padding: 0 10rpx;
	font-size: 18px;
	font-weight: bold;
	text-indent: 30rpx;

	image {
		width: 56rpx;
		margin: 0 10rpx 0 auto;
	}
}

.btm-text {
	font-size: 14px;
	color: #333;
	line-height: 48rpx;
	text-align: center;

	text {
		color: #e5231a;
	}
}

.ttsAudio {
	position: fixed;
	z-index: -1;
}

.search_input {
	width: 100%;
	height: 88rpx;
	background-color: #fff;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	padding: 0 30rpx;
	justify-content: space-around;

	view {
		height: 64rpx;
		line-height: 64rpx;
		background-color: #f5f5f5;
		border-radius: 16rpx;
		text-align: left;
		display: flex;
		align-items: center;
		flex: 1;
		justify-content: center;
	}

	input {
		font-size: 28rpx;
		width: 90%;
	}

	.cancel {
		margin-left: 20rpx;
	}
}

.em-unread-spot {
	width: 32rpx;
	height: 32rpx;
	background-color: red;
	position: relative;
	border-radius: 50%;
	left: 110rpx;
	top: 4rpx;
	color: #fff;
	font-size: 28rpx;
	text-align: center;
	line-height: 32rpx;
}

.em-unread-spot-litleFont {
	font-size: 16rpx;
}

.fiexd-btm {
	position: absolute;
	left: 30rpx;
	right: 30rpx;
	bottom: 100rpx;
	z-index: 250;
	font-size: 28rpx;
	color: #e5231a;
	text-align: center;

	.fiexd-line {
		margin-bottom: 20rpx;
		line-height: 40rpx;
	}
}

.fiexd-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60rpx;

	.fiexd-line {
		margin: 0 90rpx;
		width: 1rpx;
		height: 90rpx;
		background-color: #e5e5e5;
	}

	.fiexd-item {
		font-size: 13px;
		color: #666;

		image {
			display: block;
			margin: 0 auto 14rpx;
			width: 80rpx;
			height: 80rpx;
		}
	}
}

.flex-box {
	display: flex;
	justify-content: space-between;

	.form-btn {
		margin: 0;
		width: 48%;
	}
}

.search-view {
	padding: 20rpx 30rpx;
	border-bottom: 2rpx solid $u-border-color;

	.search-filter {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.filter-btn {
		margin: 20rpx 0 0 0;
		width: 160rpx;

		&.u-btn--default {
			color: #666;
			border-color: #f9f8f6;
			background-color: #f9f8f6;

			&::after {
				border-color: #f9f8f6;
			}
		}
	}
}

.btm-tabs {
	display: block;
	border-bottom: 20rpx solid $u-border-color;
}

.type-tabs {
	display: block;
	padding: 12rpx 30rpx;
	border-bottom: 20rpx solid $u-border-color;
	background-color: #fff;

	.u-tab-item {
		margin-left: 20rpx;
		padding: 0 20rpx;
		background: #f8f8f8;
		border-radius: 12rpx;

		&:first-child {
			margin-left: 0;
		}
	}
}

.h2-row {
	margin: 0 -30rpx;
	padding: 30rpx 30rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 20rpx solid #f8f9fe;

	.h2-title {
		font-size: 17px;
		font-weight: bold;
		color: #e5231a;
		line-height: 48rpx;
	}

	.h2-col {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #666;
		line-height: 1;
	}
}

.h2-inner {
	margin-bottom: 40rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.h2-title {
		font-size: 21px;
		font-weight: bold;
		color: #333;
		line-height: 48rpx;
	}

	.h2-col {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #666;
	}
}

.plus-inner {
	padding: 30rpx;
	background-color: #fff;
}

.plus-box {
	margin-top: -18rpx;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	.plus-item {
		margin-top: 18rpx;
		width: 48%;
		height: 120rpx;
		font-size: 12px;
		color: #666;
		text-align: center;
		border-radius: 12rpx;
		background: #f7fbff;
		background-position: left 44rpx center;
		background-size: 36rpx 40rpx;
		background-repeat: no-repeat;

		.title {
			margin-top: 10rpx;
			font-weight: bold;
			font-size: 22px;
			color: #333;
			line-height: 58rpx;
		}
	}

	.bg92 {
		// background-image: url('~@/static/img/icon_92.png');
	}

	.bg93 {
		// background-image: url('~@/static/img/icon_93.png');
	}

	.bg94 {
		// background-image: url('~@/static/img/icon_94.png');
	}

	.bg95 {
		// background-image: url('~@/static/img/icon_95.png');
	}
}
.strcky-box {
	position: sticky;
	z-index: 999;
}
.info-box {
	margin-bottom: 30rpx;
	padding: 30rpx 0;
	background: orange;
	// background-color: #e5231a;
	background-color: #df3b37;
	// background: linear-gradient(93deg, #DF3B37 0%, #C62727 100%);

	.sub-box {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 30rpx;
		color: #fff;
		font-size: 18px;
	}

	.sub-img {
		width: 140rpx;
		height: 140rpx;
		box-sizing: border-box;
		border-radius: 120rpx;
		border: 4rpx solid #fff;
		background-color: #fff;
	}

	.sub-node {
		margin-top: 10rpx;
		width: 100%;
		font-size: 13px;
		color: #fff;
		line-height: 44rpx;

		text {
			display: inline-block;
			vertical-align: top;
			padding: 0 20rpx;
			background-color: #c50001;
			border-radius: 22rpx;
		}
	}

	.sub-info {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-left: 30rpx;

		.clamp {
			max-width: 320rpx;
		}

		image {
			flex-shrink: 0;
			margin: 0 18rpx 0 10rpx;
			width: 15px;
		}
	}

	.sub-msg {
		display: flex;
		margin-top: 40rpx;
		width: 100%;
		font-size: 13px;
		color: #fff;

		.msg-item {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			width: 100%;
			text-align: center;

			.item-top {
				display: flex;
				align-items: center;
			}

			.item-btm {
				width: 100%;
				font-size: 19px;
				font-weight: bold;
				line-height: 52rpx;
			}
		}
	}

	.info-time {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 30rpx;
		padding: 0 20rpx;
		font-size: 15px;
		color: #fff;
		line-height: 60rpx;
		border-radius: 60rpx;
		vertical-align: top;
		background-color: #bd0506;

		image {
			flex-shrink: 0;
			margin: -2rpx 0 2rpx 10rpx;
			width: 30rpx;
		}
	}

	.info-title {
		margin: 20rpx 0 32rpx;
		font-size: 20px;
		color: #fff;
		line-height: 60rpx;
		word-break: break-all;

		text {
			display: flex;
			flex-wrap: wrap;
			font-size: 13px;
			opacity: 0.9;
		}

		.dept {
			padding: 10rpx 28rpx;
			line-height: 40rpx;
			// background: url('~@/static/img/icon_map2.png') no-repeat left center;
			background-size: 24rpx auto;
		}

		.timer {
			margin-left: 1em;
			display: inline-block;
		}
	}
}

.sched-box {
	/deep/ .u-time-axis-item {
		min-height: 88rpx;
	}
}

.banner {
	padding: 20rpx 0;
	min-height: 290rpx;

	image {
		width: 100%;
		height: 250rpx;
	}

	.map {
		width: 100%;
		height: 250rpx;
	}
}

.u-line {
	border-bottom: 20rpx solid $u-border-color;
}

.link-box {
	margin-bottom: 20rpx;
	display: block;
	padding: 40rpx 20rpx 0;
	background-color: #fff;

	image {
		margin: 0 auto 15rpx;
		display: block;
		width: 76rpx;
		height: 76rpx;
	}

	.link-item {
		padding-bottom: 40rpx;
		font-size: 14px;
		text-align: center;
	}
}

.pro-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20rpx;
	padding: 30rpx;
	font-size: 17px;
	line-height: 60rpx;
	border-radius: 30rpx;
	background-color: #fff;

	.pro-col {
		display: flex;
		justify-content: space-between;
		width: 45%;

		text {
			color: #e5231a;
			word-break: keep-all;
		}
	}

	.pro-left {
		padding-right: 10px;
	}

	.pro-right {
		color: #333;
		flex: 1;
		width: 0;
	}

	.pro-block {
		display: block;
		width: 100%;
		font-size: 16px;
		color: #808080;
		line-height: 50rpx;

		image {
			margin-right: 10rpx;
			margin-top: 14rpx;
			float: left;
			width: 22rpx;
		}

		&.flex {
			width: 100%;
			display: flex;
			align-items: flex-start;
		}
	}

	.pro-file {
		color: #e5231a;
	}

	.pro-title {
		width: 100%;
		font-size: 17px;
		font-weight: bold;
		color: #000;

		text {
			margin-left: 20rpx;
			font-weight: normal;
		}
	}
}

.pro-row-plus {
	display: flex;
	flex-wrap: wrap;
	// justify-content: space-between;
	margin-bottom: 20rpx;
	padding: 30rpx;
	font-size: 14px;
	color: #666;
	line-height: 34rpx;
	border-top: 2rpx solid $u-border-color;
	background-color: #fff;

	.pro-col {
		width: 33.33%;
		text-align: center;

		.text {
			margin-bottom: 6rpx;
			display: block;
			font-size: 20px;
			line-height: 42rpx;
			font-weight: bold;
			color: #e5231a;
			word-break: keep-all;
		}
	}

	.pro-title {
		width: 100%;
		font-size: 17px;
		color: #000;
	}
}

.pro-inner {
	padding: 30rpx 30rpx 40rpx;
	font-size: 15px;
	line-height: 50rpx;
	background-color: #fff;

	.pro-title {
		position: relative;
		margin-bottom: 30rpx;
		padding-left: 20rpx;
		color: #333;
		font-weight: bold;

		&::before {
			position: absolute;
			left: 6rpx;
			top: 50%;
			margin-top: -16rpx;
			width: 6rpx;
			height: 30rpx;
			content: '';
			background-color: #e5231a;
		}
	}

	.pro-text {
		font-size: 13px;
		line-height: 48rpx;

		.pro-09f {
			margin: 0 0.25em;
			color: #e5231a;
		}
	}

	.pro-item {
		margin: 20rpx 0;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;

		&:last-child {
			margin-bottom: 0;
		}

		text {
			min-width: 80rpx;
			padding-left: 10rpx;
			font-size: 14px;
			line-height: 28rpx;
			text-align: right;
			word-break: keep-all;
		}
	}
}

.filter-inner {
	display: flex;
	align-items: center;
	margin-bottom: 24rpx;
	font-size: 17px;
	line-height: 48rpx;

	.filter-btn {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 16rpx;
		width: 50%;
		border-radius: 20rpx;

		&:before {
			position: absolute;
			left: 0;
			top: 22rpx;
			width: 1rpx;
			height: 36rpx;
			content: '';
			background-color: #d8d8d8;
		}

		&:first-child:before {
			display: none;
		}

		image {
			width: 30rpx;
			height: auto;
		}

		image + image {
			width: 0;
			height: auto;
			margin-right: 10rpx;
		}

		&.active {
			color: #e5231a;
			// background-color: #fafbfc;

			image {
				width: 0;
			}

			image + image {
				width: 30rpx;
			}
		}
	}
}

.tab-nav {
	display: flex;
	padding: 0 30rpx;
	border-bottom: 20rpx solid $u-border-color;

	.nav-item {
		position: relative;
		width: calc(50% - 40rpx);
		font-size: 16px;
		line-height: 80rpx;
		color: #ccc;
		text-align: center;

		&:before {
			position: absolute;
			left: 0;
			top: 22rpx;
			width: 1rpx;
			height: 36rpx;
			content: '';
			background-color: #d8d8d8;
		}

		&:first-child:before {
			display: none;
		}

		&.active {
			color: #e5231a;
		}
	}

	.nav-item {
		width: 50%;
		text-align: center;
	}
}

.list-info_01 {
	padding: 34rpx 0 26rpx;
	border-bottom: 1rpx solid #f1f2f3;

	.info-title {
		margin-bottom: 8rpx;
		font-size: 17px;
		color: #333;
		line-height: 48rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}

	.info-time {
		margin-left: 20rpx;
		padding: 1rpx 10rpx;
		font-size: 13px;
		color: #fff;
		border-radius: 6rpx;
		background-color: #e5231a;
	}

	.info-btm {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 13px;
		line-height: 48rpx;

		.btm-left {
			color: #999;

			.left-name {
				margin-right: 20rpx;
			}
		}

		.btm-right {
			flex-shrink: 0;
			font-size: 13px;
			line-height: 44rpx;

			.right-type {
				padding: 0 20rpx;
				color: #e5231a;
				border: 2rpx solid;
				border-radius: 6rpx;
				text-decoration: none;
			}
		}
	}
}

.list-info_02 {
	padding: 34rpx 0;
	display: flex;
	width: 100%;
	border-bottom: 1rpx solid $u-border-color;
	align-items: center;

	.right {
		margin-left: 16rpx;
		// width: 236rpx;
		font-size: 16px;
		color: #e5231a;
		line-height: 44rpx;
		text-align: right;
		border-radius: 12rpx;
		// background-color: #e5231a;

		.image {
			width: 236rpx;
			height: 148rpx;
			border-radius: 12rpx;
			background-color: #e5231a;
		}
	}

	.left {
		flex: 1;
		width: 0;
	}

	.info-title {
		width: 100%;
		font-size: 17px;
		line-height: 48rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		color: #333;
	}

	.info-status {
		align-self: flex-end;
		flex-shrink: 0;
		margin-left: auto;
		padding: 0 20rpx;
		color: #e5231a;
		border: 2rpx solid;
		border-radius: 6rpx;
		text-decoration: none;
	}

	.info-btm {
		display: flex;
		align-items: center;
		color: #666;
		font-size: 13px;
		margin-top: 12rpx;
		line-height: 40rpx;

		.text {
			margin-left: 20rpx;
			padding: 1rpx 10rpx;
			font-size: 13px;
			color: #fff;
			border-radius: 6rpx;
			background-color: #e5231a;
		}

		.line {
			margin: 0 20rpx;
			padding: 0;
			width: 1rpx;
			height: 24rpx;
			border: 0;
			background-color: #666;
		}

		.status {
			align-self: flex-end;
			flex-shrink: 0;
			margin-left: auto;
			padding: 0 20rpx;
			color: #e5231a;
			border: 2rpx solid;
			border-radius: 6rpx;
			text-decoration: none;
		}
	}
}

.list-info_03 {
	position: relative;
	margin-bottom: 20rpx;
	padding: 34rpx 30rpx 38rpx 58rpx;
	box-shadow: 0 2rpx 14rpx 0 #e3e5f2;
	border-radius: 12rpx;
	background-color: #fff;

	.info-title {
		margin-bottom: 28rpx;
		font-size: 15px;
		font-weight: bold;
		line-height: 48rpx;
		color: #333;
	}

	.info-time {
		margin-left: 20rpx;
		padding: 1rpx 10rpx;
		font-size: 13px;
		color: #fff;
		border-radius: 6rpx;
		background-color: #e5231a;
	}

	.right-type {
		position: absolute;
		left: 22rpx;
		top: 40rpx;
	}

	.info-btm {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #666;
		line-height: 28rpx;

		.left-name {
			margin-right: 20rpx;
			padding-right: 20rpx;
			border-right: 1rpx solid #666;
		}
	}

	.del {
		margin-left: auto;
	}
}

.list-info_04 {
	position: relative;
	margin: 0 30rpx 22rpx;
	padding: 40rpx 24rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 12rpx;
	background-color: #fff;

	.info-img {
		margin-right: 18rpx;

		image {
			width: 78rpx;
			height: 78rpx;
		}
	}

	.right-type {
		padding: 0 20rpx;
		font-size: 14px;
		line-height: 48rpx;
		border: 2rpx solid;
		border-radius: 30rpx;
		text-decoration: none;
	}

	.info-btm {
		margin-right: auto;
		width: 380rpx;
		font-size: 13px;
		color: #666;
		line-height: 40rpx;

		.left-title {
			font-size: 17px;
		}
	}
}

.list-info_05 {
	position: relative;
	margin-bottom: 20rpx;
	padding: 34rpx 58rpx 38rpx 30rpx;
	box-shadow: 0 2rpx 14rpx 0 #e3e5f2;
	border-radius: 12rpx;
	background-color: #fff;

	.info-title {
		margin-bottom: 28rpx;
		font-size: 17px;
		line-height: 48rpx;
		color: #333;
	}

	.info-time {
		margin-left: 20rpx;
		padding: 1rpx 10rpx;
		font-size: 13px;
		color: #fff;
		border-radius: 6rpx;
		background-color: #e5231a;
	}

	.right-type {
		position: absolute;
		right: 22rpx;
		top: 40rpx;
		width: 22rpx;
		height: 22rpx;
		border-radius: 50%;
		background-color: #f74e10;
	}

	.info-btm {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #666;
		line-height: 28rpx;

		.line {
			margin: 0 20rpx;
			padding: 0;
			width: 1rpx;
			height: 24rpx;
			border: 0;
			background-color: #666;
		}
	}
}

.list-info_06 {
	display: flex;
	padding-bottom: 30rpx;
	background-color: #fff;

	&:first-child {
		padding-top: 30rpx;
	}

	.info-avatar {
		flex-shrink: 0;
		width: 84rpx;
		height: 84rpx;
		border-radius: 8rpx;

		image {
			width: 84rpx;
			height: 84rpx;
			border-radius: 8rpx;
		}
	}

	.info-inner {
		padding-left: 20rpx;
		flex-grow: 1;

		.user {
			margin-bottom: 6rpx;
			font-size: 17px;
			font-weight: bold;
			color: #5d86b6;
			line-height: 48rpx;
		}

		.content {
			margin-bottom: 20rpx;
			font-size: 17px;
			color: #333;
			line-height: 48rpx;
		}
	}

	.img-box {
		margin-bottom: 12rpx;
		display: flex;
		flex-wrap: wrap;

		image {
			margin: 0 8rpx 6rpx 0;
			width: 160rpx;
			height: 160rpx;
		}
	}

	.info-comment {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000;
		justify-content: space-between;

		.inr {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			padding: 11px 30rpx;
			background-color: #fff;
		}
	}

	.info-btm {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 26rpx;
		font-size: 14px;
		color: #999;
		line-height: 40rpx;

		.btm-action {
			display: flex;

			.icon {
				margin-left: 10rpx;
			}
		}
	}

	.info-content {
		font-size: 15px;
		line-height: 42rpx;
		background: #f7f7f7;
		border-radius: 2px;

		.link {
			padding: 10rpx 20rpx;
			font-size: 15px;
			font-weight: bold;
			color: #5d86b6;
			line-height: 42rpx;

			& + .con {
				border-top: 2rpx solid #e0e0e0;
			}

			.icon {
				margin-right: 10rpx;
			}
		}

		.con {
			padding: 10rpx 20rpx;

			.sub-con {
				margin-top: 16rpx;
				word-break: break-all;

				.ttl {
					color: #5d86b6;
					font-weight: bold;
					word-break: break-all;
				}

				.txt {
					margin-left: 10rpx;
				}

				&:first-child {
					margin-top: 0;
				}
			}
		}
	}
}

.list-info_07 {
	display: flex;
	padding: 20rpx 0;
	border-bottom: 2rpx solid $u-border-color;

	.info-avatar {
		flex-shrink: 0;
		width: 56rpx;
		height: 56rpx;
		border-radius: 56rpx;

		.sub-img {
			width: 56rpx;
			height: 56rpx;
			border-radius: 56rpx;
		}
	}

	.info-inner {
		padding-left: 16rpx;
		flex-grow: 1;

		.user {
			margin-bottom: 12rpx;
			font-size: 14px;
			color: #999;
			line-height: 40rpx;
		}

		.name {
			margin-right: 20rpx;
			color: #ad8e77;
		}

		.phone {
			margin-right: 20rpx;
		}

		.info-btm {
			display: flex;
			align-items: center;
			margin-top: 10rpx;

			.time {
				margin-right: 10rpx;
				font-size: 14px;
				color: #999;
				line-height: 34rpx;
			}

			.comment {
				font-size: 14px;
				color: #333;
				line-height: 34rpx;
			}
		}

		.content {
			font-size: 16px;
			color: #333;
			line-height: 44rpx;
		}
	}

	.info-content {
		margin-top: 20rpx;
		font-size: 16px;
		color: #333;
		line-height: 48rpx;
		background-color: $u-bg-color;

		.con {
			padding: 20rpx;
			word-break: break-all;

			& + .con {
				padding-top: 0;
			}

			.ttl {
				color: #ad8e77;
			}

			.txt {
				margin-left: 16rpx;
			}

			.more {
				font-size: 12px;
				color: #e5231a;
				line-height: 34rpx;
			}
		}
	}
}

.list-info_08 {
	padding: 34rpx 0;
	display: flex;
	width: 100%;
	border-bottom: 1rpx solid $u-border-color;
	align-items: center;

	&:last-child {
		border-bottom: 0;
	}

	.right {
		margin-left: 20rpx;
		width: 236rpx;
		height: 148rpx;
		border-radius: 8rpx;

		image {
			display: block;
			width: 236rpx;
			height: 148rpx;
			border-radius: 8rpx;
		}
	}

	.left {
		flex: 1;
		width: 0;
	}

	.left-title {
		width: 100%;
		font-size: 17px;
		line-height: 48rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		color: #333;
	}

	.right-status {
		align-self: flex-end;
		flex-shrink: 0;
		margin-left: auto;
		padding: 0 20rpx;
		color: #e5231a;
		border: 2rpx solid;
		border-radius: 6rpx;
		text-decoration: none;
	}

	.left-btm {
		display: flex;
		align-items: center;
		color: #666;
		font-size: 13px;
		margin-top: 12rpx;
		line-height: 40rpx;

		text {
			margin-left: 20rpx;
			padding: 1rpx 10rpx;
			font-size: 13px;
			color: #fff;
			border-radius: 6rpx;
			background-color: #e5231a;
		}

		.line {
			margin: 0 20rpx;
			padding: 0;
			width: 1rpx;
			height: 24rpx;
			border: 0;
			background-color: #666;
		}

		.status {
			align-self: flex-end;
			flex-shrink: 0;
			margin-left: auto;
			padding: 0 20rpx;
			color: #e5231a;
			border: 2rpx solid;
			border-radius: 6rpx;
			text-decoration: none;
		}
	}
}

.list-info_09 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;

	.info-item {
		margin-top: 40rpx;
		width: 216rpx;
	}

	.info-img {
		margin-bottom: 30rpx;

		.image {
			width: 216rpx;
			height: 260rpx;
			border-radius: 10rpx;
		}
	}

	.info-title {
		margin-bottom: 20rpx;
		font-size: 16px;
		color: #333;
		line-height: 42rpx;
	}

	.info-type {
		margin: -8rpx 0 12rpx;
		font-size: 10px;
		color: #999;
		line-height: 32rpx;
	}
}

.detail-info {
	display: block;
	padding: 30rpx;

	.info-title {
		margin-bottom: 20rpx;
		font-size: 24px;
		line-height: 68rpx;
		word-break: break-all;
		color: #333;

		.title-btm {
			margin-top: 20rpx;
			font-size: 14px;
			color: #666;

			.btm-name {
				margin-right: 20rpx;
			}

			.btm-dept {
				margin-right: 20rpx;
			}

			.btm-time {
				margin-right: 20rpx;
			}

			.btm-type {
				display: block;
				text-align: right;
			}
		}
	}

	.info-detail {
		font-size: 17px;
		color: #444;
		line-height: 1.88;
		color: #333;

		.overflow {
			overflow: hidden;
			white-space: pre-line;
		}

		table {
			width: 100%;
			table-layout: fixed;
			border-collapse: collapse;
			border: 1px solid #c5d7bb;
		}

		table td {
			font-weight: bold;
			border: 1px solid #c5d7bb;
		}

		table p {
			margin: 0;
		}

		.p,
		.span {
			margin-top: 0;
			font-size: 17px;
			line-height: 1.88;
			text-indent: 0;
			white-space: normal;
		}

		.p {
			margin-bottom: 60rpx;
		}

		.info-line {
			height: 40rpx;
		}

		.info-h2 {
			display: none;
			margin: 20rpx -30rpx;
			padding: 0 30rpx;
			font-size: 14px;
			font-weight: bold;
			color: #e5231a;
			line-height: 88rpx;
			background-color: #f9fafc;
		}
	}

	.info-detail2 {
		width: 100%;
		font-size: 17px;
		color: #444;
		line-height: 64rpx;
		color: #333;

		.overflow {
			overflow: hidden;
			white-space: pre-line;
		}

		.p,
		.span {
			margin: 0;
			font-size: 17px;
			line-height: 60rpx;
			text-indent: 0;
			white-space: normal;
		}

		.p {
			margin-bottom: 60rpx;
		}

		.span,
		.font {
			display: inline;
		}

		.title {
			margin-bottom: 20rpx;
			font-size: 24px;
			line-height: 68rpx;
			word-break: break-all;
			color: #333;
			font-weight: normal;
			font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif';
		}

		image {
			display: none;
		}

		.info-line {
			height: 40rpx;
		}

		.info-h2 {
			margin: 20rpx -30rpx;
			padding: 0 30rpx;
			font-size: 14px;
			font-weight: bold;
			color: #e5231a;
			line-height: 88rpx;
			background-color: #f9fafc;
		}

		.date1 {
			margin: 20rpx 0;
			padding: 0;
			font-size: 14px;
			color: #666;
			font-weight: normal;
			white-space: normal;

			.span {
				font-size: 14px;
				padding-right: 15rpx;
			}
		}
	}
}

.round {
	border-radius: 50% !important;
	overflow: hidden;
}

.mainuser .u-checkbox__label {
	width: 100%;
}

.form-box-show {
	.u-form-item {
		&--left {
			color: #9b9b9b !important;
		}

		&--right {
			&__content {
				color: #333 !important;
			}
		}
	}
}

.meeting-info {
	padding: 30rpx;
	border-bottom: 20rpx solid $u-border-color;
	background-color: #fff;

	.info-title {
		font-size: 22px;
		color: #141414;
		line-height: 60rpx;
		word-break: break-all;

		.title-btm {
			margin-top: 26rpx;
			font-size: 14px;
			color: #666;
			line-height: 34rpx;

			.btm-time {
				margin-bottom: 8rpx;
				padding-left: 38rpx;
				// background: url(static/img/icon08.png) no-repeat left center;
				background-size: 28rpx 28rpx;
			}

			.btm-address {
				padding-left: 38rpx;
				// background: url(static/img/icon07.png) no-repeat left center;
				background-size: 28rpx 28rpx;
			}
		}
	}
}

.car-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 30rpx;

	.title {
		display: flex;
		align-items: center;
		padding: 21rpx 0;
		font-size: 17px;
		font-weight: bold;
		color: #000;
		line-height: 48rpx;
	}

	image {
		display: block;
		margin-right: 4rpx;
		width: 36rpx;
		height: 36rpx;
	}

	.btn {
		width: 142rpx;
		height: 60rpx;
		font-size: 14px;
		color: #fff;
		line-height: 60rpx;
		text-align: center;
		background: #e5231a;
		border-radius: 8rpx;
	}
}

.plan-block {
	margin-bottom: 20rpx;
	padding: 30rpx;
	border-radius: 12rpx;
	background-color: #fff;

	.left {
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;
		font-size: 17px;
		font-weight: bold;
		color: #000;
		line-height: 48rpx;

		image {
			display: block;
			margin-right: 10rpx;
			width: 36rpx;
			height: 36rpx;
		}
	}

	.right {
		padding-left: 46rpx;
		font-size: 16px;
		color: #333;
	}
}

.file-list {
	padding: 30rpx;
	font-size: 16px;
	color: #444;
	line-height: 62rpx;
	border-top: 10rpx solid $u-border-color;

	.file-item {
		margin-top: 20rpx;
		padding: 10rpx 0 10rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0px 1rpx 14rpx 0px rgba(201, 201, 201, 0.5);
		border-radius: 12rpx;
		background: #fff;

		&:first-child {
			margin-top: 0;
		}

		.file-type {
			margin-right: 16rpx;
			min-height: 100rpx;

			image {
				width: 84rpx;
				height: 100rpx;
			}
		}

		.file-name {
			width: 85%;
			color: #333;
			text-decoration: underline;
		}

		.file-time {
			display: block;
			font-size: 13px;
			color: #666;
			line-height: 34rpx;
		}

		button {
			margin-right: 0;
		}
	}

	.right-type {
		padding: 15rpx 20rpx;
		border: 0;
		font-size: 15px;
		color: #e5231a;
		word-break: keep-all;
		text-decoration: none;

		image {
			width: 15px;
		}
	}
}

.video-box {
	padding: 20rpx 30rpx;

	.new-video {
		width: 100%;
	}
}

.uploader-add {
	position: fixed;
	right: 40rpx;
	bottom: 40rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 80rpx;
	min-height: 80rpx;
	padding: 10rpx;
	z-index: 200;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	background-color: #e5231a;

	image {
		width: 40rpx;
		height: 40rpx;
	}
}

.btn-add {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 40rpx;
	bottom: 360rpx;
	width: 120rpx;
	height: 120rpx;
	z-index: 99;
	font-size: 14px;
	color: #fff;
	border-radius: 50%;
	background-color: #e10814;
}

.ocr-box {
	display: flex;
	padding: 20rpx 30rpx;
	font-size: 12px;
	color: #666;
	line-height: 34rpx;
	border-bottom: 20rpx solid $u-border-color;

	.ocr {
		margin-right: 20rpx;
		padding: 20rpx 10rpx;
		min-width: 140rpx;
		text-align: center;
		background: #f8f8f8;
	}

	image {
		margin: 0 auto 14rpx;
		width: 52rpx;
		height: 52rpx;
	}
}

.com-h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30rpx;
	font-size: 17px;
	color: #333;
	line-height: 40rpx;
	background-color: #fff;

	.h2-title {
		position: relative;
		display: block;
		padding: 0 0 0 26rpx;
		font-weight: bold;
		// border-left: 8rpx solid #e5231a;

		&:before {
			position: absolute;
			left: 0;
			top: 5rpx;
			width: 8rpx;
			height: 30rpx;
			content: '';
			border-radius: 6px;
			background-color: #e5231a;
		}
	}

	.h2-col {
		font-size: 14px;
		color: #666;
		line-height: 1;
	}
}

.com-h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx 30rpx;
	font-size: 17px;
	color: #333;
	line-height: 40rpx;
	background-color: #f6f7fb;

	.h3-title {
		position: relative;
		display: block;
		// padding: 0 0 0 26rpx;
		// font-weight: bold;
		// border-left: 8rpx solid #e5231a;
	}

	.h3-col {
		font-size: 14px;
		color: #666;
		line-height: 1;
	}
}
</style>
